@extends('mobile.static_pages.template.bootstrap')
@section('title', '首页')
@section('scripts')
<link rel="stylesheet" href="{{asset('css/mobile-index.css')}}" />
<script src="{{asset('js/app/mobile-index.js')}}"></script>
@endsection
@section('content')
<section class="slider-tabs">
	<div class="tabs-container">
		<ul class="tabs">
			<li class="tab active">热门推荐</li>
			@for($i=0; $i<20; $i++)
			<li class="tab">XX玄幻</li>
			@endfor
		</ul>
	</div>
</section>
<section class="books-container">
	<div class="books">
		@for($i=0; $i<10; $i++)
		<div class="book">
			<div class="media">
				<div class="media-left">
					<img class="book-thumbnail" class="media-object" src="{{asset('imgs/thumbnail.jpeg')}}" />
				</div>
				<div class="media-body">
					<div class="media-heading">
						<div class="title">
							<h4 class="">军火之王</h4>
							<div class="text-muted">观星梦青冥</div>
						</div>
						<div class="link">
							<a class="btn btn-sm btn-default" href="#">立即阅读</a>
						</div>
					</div>
					<div class="content text-muted">
						曾经叱咤风云的佣兵王者，变成小小的军火贩子，家族、部落、国家、铁血柔情、
						腥风血雨，且看他如何一步步成为让各国忌惮的国际军火商。
					</div>
				</div>
			</div>
		</div>
		@endfor
	</div>
</section>
@endsection